<template>
    <div class="box">
        <div class="one">
            <el-row :gutter="20">
                <el-col :span="6">
                    <h4>闲云旅游旅游网</h4>
                    <p>上亿旅行者共同打造的"旅行神器"</p>
                    <p><span>60,000</span> 多个全球旅行目的地</p>
                    <p><span>600,000</span> 个细分目的地的新玩法</p>
                    <p><span>760,000,000</span> 次攻略下载</p>
                    <p><span>38,000</span> 家旅游产品供应商</p>
                </el-col>
                <el-col :span="6">
                    <h4>关于我们</h4>
                    <p>隐私政策 商标声明</p>
                    <p>服务协议 游戏协议</p>
                    <p>商城平台服务协议</p>
                    <p>网络信息侵权通知指引</p>
                    <p>闲云旅游网服务监督员</p>
                    <p>网站地图加入闲云旅游</p>
                </el-col>
                <el-col :span="6">
                    <h4>旅行服务</h4>
                    <p>旅游攻略 酒店预订</p>
                    <p>旅游特价 国际租车</p>
                    <p>旅游问答 旅游保险</p>
                    <p>旅游指南 订火车票</p>
                    <p>旅游资讯 App下载</p>
                </el-col>
                <el-col :span="6">
                    <img src="../assets/images/QRcode.png" alt="闲云"> <br>
                    <div>关注我们</div>
                </el-col>
            </el-row>
            <div class="two" style="width: 1000px; margin: 0 auto; line-height: 100px; text-align: center; color: wheat;">京ICP备08001421号 京公网安备110108007702 Copyright © 2016-2019 博学谷 All Rights Reserved</div>
         </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.box{
    min-width: 1000px;
    background: #333333;
}
.one{
    width: 1000px;
    margin: 0 auto;
    padding-top: 20px;
}
img{
    width: 160px;
}
.el-col{
    h4{
        font-size: 20px;
        color: #f8f6f6;
        font-weight: normal;
        padding: 4px 0;
    }
    p{
        color: #cccccc;
        font-size: 12px;
        padding: 3px 0;
        span{
            color: #b47b12;
        }
    }
    div{
        width: 160px;
        text-align: center;
        color: #cccccc;
    }

}

</style>